#{extends 'main.html' /} #{set title:'Home' /}

<h2>Nouvelle partie</h2>

<form>
	<fieldset id="maps">
	#{if cartes.size>0} 
	<label for="cartes">Cartes disponibles : </label>
	<select id="cartes">
		#{list items:cartes, as:'carte'}
		<option value="">${carte.nom}</option>
		#{/list}
	</select> 
	<input type="button" value="Choisir" id="selectMap"/> 
	#{/if}
	</fieldset>
	
	<fieldset id="players">
		<p>Selection des joueurs pour la carte <span id="mapName"></span></p>
		<p>Il reste <span id="mapSize"></span> à sélectionner</p>
		<label for="joueurs">Joueurs : </label><br>
		<select id="joueurs" multiple="multiple">
			#{list items:joueurs, as:'joueur'}
			<option>${joueur.nom}</option>
			#{/list}
		</select>
	
		<div id="AssignPlayers"></div>
	</fieldset>
</form>
	
<script type="text/javascript">
$(document).ready(function(){
	$("#players").hide();
	$("#selectMap").click(function(){
		var carteSelect = $("#cartes option:select").val();
		
		$("#players").show();
	});
	
});
</script>